﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="YongHu_UI.index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <title></title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Shopin Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndroId Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--theme-style-->
<link href="css/style4.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<script src="js/jquery.min.js"></script>
<!--- start-rate---->
<script src="js/jstarbox.js"></script>
	<link rel="stylesheet" href="css/jstarbox.css" type="text/css" media="screen" charset="utf-8" />
		<script type="text/javascript">
            jQuery(function () {
                jQuery('.starbox').each(function () {
                    var starbox = jQuery(this);
                    starbox.starbox({
                        average: starbox.attr('data-start-value'),
                        changeable: starbox.hasClass('unchangeable') ? false : starbox.hasClass('clickonce') ? 'once' : true,
                        ghosting: starbox.hasClass('ghosting'),
                        autoUpdateAverage: starbox.hasClass('autoupdate'),
                        buttons: starbox.hasClass('smooth') ? false : starbox.attr('data-button-count') || 5,
                        stars: starbox.attr('data-star-count') || 5
                    }).bind('starbox-value-changed', function (event, value) {
                        if (starbox.hasClass('random')) {
                            var val = Math.random();
                            starbox.next().text(' ' + val);
                            return val;
                        }
                    })
                });
            });
        </script>
<!---//End-rate---->
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <!--header-->
<div class="header">
<div class="container">
		<div class="head">
			<div class=" logo">
				<a href="index.html"><img src="images/logo.png" alt=""></a>	
			</div>
		</div>
	</div>
	<div class="header-top">
		<div class="container">
		<div class="col-sm-5 col-md-offset-2  header-login">
					<ul >
						<li><a href="login.aspx">登录</a></li>
						<li><a href="register.aspx">注册</a></li>
						<li><a href="checkout.html"></a></li>
					</ul>
				</div>
				
			<div class="col-sm-5 header-social">		
					<ul >
						<li><a href="#"><i></i></a></li>
						<li><a href="#"><i class="ic1"></i></a></li>
						<li><a href="#"><i class="ic2"></i></a></li>
						<li><a href="#"><i class="ic3"></i></a></li>
						<li><a href="#"><i class="ic4"></i></a></li>
					</ul>
					
			</div>
				<div class="clearfix"> </div>
		</div>
		</div>
		
		<div class="container">
		
			<div class="head-top">
			
		 <div class="col-sm-8 col-md-offset-2 h_menu4">
				<nav class="navbar nav_bottom" role="navigation">
 
 <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header nav_2">
      <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
     
   </div> 
   <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
        <ul class="nav navbar-nav nav_1">
            <li><a class="color" href="#">首页</a></li>
			<li class="dropdown mega-dropdown active">
			    <a class="color2" href="product.aspx">服装</a>				
			</li>
        </ul>
     </div><!-- /.navbar-collapse -->

</nav>
			</div>
			<div class="col-sm-2 search-right">
				<ul class="heart">
				<li>
				<a href="wishlist.html" >
				<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
				</a></li>
				<li><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i></a></li>
					</ul>
					<div class="cart box_1">
						<a href="checkout.aspx">
						<h3> <div class="total">
							<span class="simpleCart_total"></span></div>
							<img src="images/cart.png" alt=""/></h3>
						</a>
						<p><a href="javascript:;" class="simpleCart_empty">购物车</a></p>
					</div>
					<div class="clearfix"> </div>
					
						<!----->

						<!---pop-up-box---->					  
			<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
			<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
			<!---//pop-up-box---->
			<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
					<div class="login-search">
						<input type="submit" value="">
						<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">		
					</div>
					<p>Shopin</p>
				</div>				
			</div>
		 <script>
             $(document).ready(function () {
                 $('.popup-with-zoom-anim').magnificPopup({
                     type: 'inline',
                     fixedContentPos: false,
                     fixedBgPos: true,
                     overflowY: 'auto',
                     closeBtnInside: true,
                     preloader: false,
                     midClick: true,
                     removalDelay: 300,
                     mainClass: 'my-mfp-zoom-in'
                 });

             });
         </script>		
						<!----->
			</div>
			<div class="clearfix"></div>
		</div>	
	</div>	
</div>
<!--banner-->
<div class="banner">
<div class="container">
<section class="rw-wrapper">
				<h1 class="rw-sentence">
					<span>时尚与美容</span>
					<div class="rw-words rw-words-1">
						<span>美丽的设计</span>
						<span>漂亮的甜椒</span>
						<span> 你就像那太阳一样</span>
						<span>洁白的</span>
						<span>临时工</span>
						<span>智能系统</span>
					</div>
					<div class="rw-words rw-words-2">
						<span>你那蓬松的头发</span>
						<span>但在某些情况下</span>
						<span>明天见，美丽的女士</span>
						<span>有很多变化</span>
						<span>生成的 Lorem Ipsum</span>
						<span>我们有权力谴责</span>
					</div>
				</h1>
			</section>
			</div>
</div>
	<!--content-->
		<div class="content">
			<div class="container">
				<div class="content-top">
					<div class="col-md-6 col-md">
						<div class="col-1">
						 <a href="product.aspx" class="b-link-stroke b-animate-go  thickbox">
							<img src="images/pi.jpg" class="img-responsive" alt=""/>
							 <div class="b-wrapper1 long-img">
								 <p class="b-animate b-from-right    b-delay03 ">逻辑推理</p>
								 <label class="b-animate b-from-right    b-delay03 "></label>
								 <h3 class="b-animate b-from-left    b-delay03 ">时髦的</h3>
							 </div>
						 </a>

							<!---<a href="single.html"><img src="images/pi.jpg" class="img-responsive" alt=""></a>-->
						</div>
						<div class="col-2">
							<span>热卖</span>
							<h2><a href="product.aspx">奢华时尚</a></h2>
							<p>与流行的看法相反，Lorem lpsum不仅仅是随即文本。它起源于公元前45年的一段古典拉丁文学，已有2000多年的历史</p>
							<a href="product.aspx" class="buy-now">立即购买</a>
						</div>
					</div>
					<div class="col-md-6 col-md1">
						<div class="col-3">
							<a href="product.aspx?TypeId=1" class="b-link-stroke b-animate-go  thickbox">
							<img src="images/pi1.jpg" class="img-responsive" alt=""/>
							 <div class="b-wrapper1">
								 <p class="b-animate b-from-right    b-delay03 ">逻辑推理</p>
								 <label class="b-animate b-from-right    b-delay03 "></label>
								 <h3 class="b-animate b-from-left    b-delay03 ">男士</h3>
							 </div>
						 </a>
						</div>
						<div class="col-3">
							<%--<a href="single.html"><img src="images/pi2.jpg" class="img-responsive" alt="">
							<div class="col-pic">
								<p>逻辑推理</p>
								<label></label>
								<h5>儿童用</h5>
							</div></a>--%>
							<a href="product.aspx?TypeId=3" class="b-link-stroke b-animate-go  thickbox">
								<img src="images/pi2.jpg" class="img-responsive" alt=""/>
								 <div class="b-wrapper1">
									 <p class="b-animate b-from-right    b-delay03 ">逻辑推理</p>
									 <label class="b-animate b-from-right    b-delay03 "></label>
									 <h3 class="b-animate b-from-left    b-delay03 ">儿童用</h3>
								 </div>
							</a>
						</div>
						<div class="col-3">
							<%--<a href="single.html"><img src="images/pi3.jpg" class="img-responsive" alt="">
							<div class="col-pic">
								<p>逻辑推理</p>
								<label></label>
								<h5>对女性来说</h5>
							</div></a>--%>
							<a href="product.aspx?TypeId=2" class="b-link-stroke b-animate-go  thickbox">
								<img src="images/pi3.jpg" class="img-responsive" alt=""/>
								 <div class="b-wrapper1">
									 <p class="b-animate b-from-right    b-delay03 ">逻辑推理</p>
									 <label class="b-animate b-from-right    b-delay03 "></label>
									 <h3 class="b-animate b-from-left    b-delay03 ">对女性来说</h3>
								 </div>
							</a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!--products-->
			<div class="content-mid">
				<h3>热门商品</h3>
				<label class="line"></label>
					<div class="mid-popular" style="height:933px;overflow:hidden;">
						<asp:Repeater ID="Repeater1" runat="server">
							<ItemTemplate>
								<div class="col-md-3 item-grid simpleCart_shelfItem" style="height:450px;">
									<div class=" mid-pop" style="height:450px;">
										<div class="pro-img">
											<img src="<%#Eval("Avatar") %>" class="img-responsive" alt="">
											<div class="zoom-icon ">
											<a class="picture" href="single.aspx?id=<%#Eval("Id") %>" rel="title" class="b-link-stripe b-animate-go  thickbox"><i class="glyphicon glyphicon-search icon "></i></a>
											<a href="single.aspx?id=<%#Eval("Id") %>"><i class="glyphicon glyphicon-menu-right icon"></i></a>
										</div>
										</div>
											<div class="mid-1">
											<div class="women">
											<div class="women-top">
												<span><%#Eval("CLClassify.Category") %></span>
												<h6><a href="single.html"><%#Eval("Summary") %></a></h6>
												</div>
												<div class="img item_add">
													<a onclick="GouWu(<%#Eval("Id") %>)"><img src="images/ca.png" alt=""></a>
												</div>
												<div class="clearfix"></div>
												</div>
												<div class="mid-2">
													<p ><label>￥<%#Eval("Price") %></label><em class="item_price">￥<%#Eval("Money") %></em></p>
													  <div class="block">
														<div class="starbox small ghosting"> </div>
													</div>
													<div class="clearfix"></div>
												</div>
										</div>
									</div>
								</div>
							</ItemTemplate>
					</asp:Repeater>
						<script src="Scripts/jquery-3.4.1.min.js"></script>
						<script type="text/javascript">
							function GouWu(id) {
								$.ajax({
									type: "post",
									url: "../yiban/GouWuChe.ashx?id=" + id,
									dataType: "json",
									success: function (aa) {
										if (aa.idd == 1) {
											alert(aa.name)
										} else {
											/*alert("购物车添加失败");*/
                                            window.location.href = aa.lu;
										}
									},
									error: function () {
										alert("操作有误")
									}
								})
							}
                        </script>
				</div>
			</div>
			<!--//products-->
			<!--brand-->
			<div class="brand">
				<div class="col-md-3 brand-grid">
					<img src="images/ic.png" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 brand-grid">
					<img src="images/ic1.png" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 brand-grid">
					<img src="images/ic2.png" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 brand-grid">
					<img src="images/ic3.png" class="img-responsive" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
			<!--//brand-->
			</div>
			
		</div>
	<div class="footer">
	<div class="footer-middle">
				<div class="container">
					<div class="col-md-6 footer-middle-in">
						<a href="index.html"><img src="images/log.png" alt=""></a>
						<p>服装，是衣服鞋装饰品等的总称，多指衣服。在国家标准中对服装的定义为：缝制，穿于人体起保护和装饰作用的产品，又称衣服。
对社会来说，服装已经是遮体、装饰的生活必需品，不仅仅为穿，还是一个身份、一种生活态度、一个展示个人魅力的表现。</p>
					</div>
					
					<div class="col-md-6 footer-middle-in">
						<h6>信息</h6>
						<ul class=" in">
							<li><a href="login.aspx">登录</a></li>
							<li><a href="checkout.aspx">购物车</a></li>
							<li><a href="product.aspx">服装</a></li>
							<li><a data-toggle="modal" data-target=".bs-example-modal-lg1">地图</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="modal fade bs-example-modal-lg1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		     <div id="con" style="width:1000px;height:600px;"></div>
		    </div>
		  </div>
		</div>
			</div>
		</div>
 
        </div>
    </form>
</body>
	<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=5yfkZfiryt58x1ZLaZiXM0HjAjqYd1f5"></script>
					<script>
                        var map = new BMapGL.Map("con");
                        var point = new BMapGL.Point(116.404, 39.915);
                        map.centerAndZoom(point, 15);
                        map.enableScrollWheelZoom(true);

                        //创建地址解析器实例
                        var myGeo = new BMapGL.Geocoder();
                        // 将地址解析结果显示在地图上，并调整地图视野
                        myGeo.getPoint('偃师市中城百货', function (point) {
                            if (point) {
                                map.centerAndZoom(point, 16);
                                map.addOverlay(new BMapGL.Marker(point))
                            }
                        }, '河南省')       // 打开信息窗口  map.getCenter()地图的中心
                    </script>
</html>

